// pages/classify/classify.js

Page({
  data: {
    imgUrls: [
      'https://cgms-1324530742.cos.ap-shanghai.myqcloud.com/%E5%88%86%E7%B1%BB%E8%BD%AE%E6%92%AD/1.1.jpg',
      'https://cgms-1324530742.cos.ap-shanghai.myqcloud.com/%E5%88%86%E7%B1%BB%E8%BD%AE%E6%92%AD/1.2.png',
      'https://cgms-1324530742.cos.ap-shanghai.myqcloud.com/%E5%88%86%E7%B1%BB%E8%BD%AE%E6%92%AD/1.3.jpg',
      'https://cgms-1324530742.cos.ap-shanghai.myqcloud.com/%E5%88%86%E7%B1%BB%E8%BD%AE%E6%92%AD/1.4.png',
      'https://cgms-1324530742.cos.ap-shanghai.myqcloud.com/%E5%88%86%E7%B1%BB%E8%BD%AE%E6%92%AD/1.5.png',
    ],
    
    switchCategory(e){
      let index = e.currentTarget.dataset.id;
      this.setData({
        current:index
      })
      this.getDataList(index);
    },

    //店铺// index.js

  
     categories: ['店铺推荐','当前热销', '当前优惠'],
    foods: [], // 右侧美食列表
    currentIndex: 0, // 当前选中的大类索引
    scrollIntoView: 'category0', // 滚动到指定位置的 id
  
  },
  toCookinglist: function(e) {
    if (e.detail.value != '') {
      let name = e.detail.value;
      wx.navigateTo({
        url: '../Cookinglist/Cookinglist?name=' + name,
      })
    } else {
      wx.navigateTo({
        url: '../Cookinglist/Cookinglist'
      })
    }
  },
  onLoad: function () {
    // 初始化美食数据
    this.initFoods();
  },
  switchCategory: function (e) {
    const index = e.currentTarget.dataset.index;
    this.setData({
      currentIndex: index,
      scrollIntoView: 'category' + index
    });
  },
  initFoods: function () {
    // 模拟数据，实际开发中可从后端获取
   
    this.setData({
      foods: foods[0],// 默认显示第一个大类的美食列表
      
    });
  },


   // 轮播图切换时触发
   bindchange(e) {
    this.setData({
      swiperIndex: e.detail.current
    });
  },

  switchNav: function(e) {
    var idx = e.currentTarget.dataset.current;
    this.setData({
      currentTab: idx
    });
  },
   //事件处理函数  
   switchRightTab: function (e) {
    // 获取item项的id，和数组的下标值  
    let id = e.target.dataset.id,
      index = parseInt(e.target.dataset.index);
    // 把点击到的某一项，设为当前index  
    this.setData({
      curNav: id,
      curIndex: index
    })
  }
 ,
//跳转
goToDetail1: function () {
  // 跳转到详情页，这里仅作示例，需要根据实际情况填写跳转路径
  wx.navigateTo({
    url: '/pages/DianPu/DianPu'
  });
},

goToDetail2: function () {
  // 跳转到详情页，这里仅作示例，需要根据实际情况填写跳转路径
  wx.navigateTo({
    url: '/pages/YiYuFan/YiYuFan'
  });
},
goToDetail3: function () {
  // 跳转到详情页，这里仅作示例，需要根据实际情况填写跳转路径
  wx.navigateTo({
    url: '/pages/ChaoNiuDao/ChaoNiuDao'
  });
},
goToDetail4: function () {
  // 跳转到详情页，这里仅作示例，需要根据实际情况填写跳转路径
  wx.navigateTo({
    url: '/pages/YangGuoFu/YangGuoFu'
  });
},

goToDetail5: function () {
  // 跳转到详情页，这里仅作示例，需要根据实际情况填写跳转路径
  wx.navigateTo({
    url: 'pages/大C/daC'
  });
},

goToDetail6: function () {
  // 跳转到详情页，这里仅作示例，需要根据实际情况填写跳转路径
  wx.navigateTo({
    url: '/pages/DaRouYunTun/DaRouYunTun'
  });
},

goToDetail7: function () {
  // 跳转到详情页，这里仅作示例，需要根据实际情况填写跳转路径
  wx.navigateTo({
    url: '/pages/朱家/ZhuJiaXiaoGuan'
  });
},

goToDetail8: function () {
  // 跳转到详情页，这里仅作示例，需要根据实际情况填写跳转路径
  wx.navigateTo({
    url: '/pages/芙小面/FuXiaoMian'
  });
},

goToDetail9: function () {
  // 跳转到详情页，这里仅作示例，需要根据实际情况填写跳转路径
  wx.navigateTo({
    url: '/pages/贵州虾子羊肉/GuiZhouXiaZiYangRou'
  });
},

goToDetail10: function () {
  // 跳转到详情页，这里仅作示例，需要根据实际情况填写跳转路径
  wx.navigateTo({
    url: '/pages/五谷鱼粉/WuGuYuFen'
  });
},

goToDetail11: function () {
  // 跳转到详情页，这里仅作示例，需要根据实际情况填写跳转路径
  wx.navigateTo({
    url: '/pages/重庆小面/ChongQingXiaoMian'
  });
},

goToDetail12: function () {
  // 跳转到详情页，这里仅作示例，需要根据实际情况填写跳转路径
  wx.navigateTo({
    url: '/pages/羊肉粉/YangRouFen'
  });
},

goToDetail13: function () {
  // 跳转到详情页，这里仅作示例，需要根据实际情况填写跳转路径
  wx.navigateTo({
    url: '/pages/琪琪面庄/QQMZ'
  });
},

goToDetail14: function () {
  // 跳转到详情页，这里仅作示例，需要根据实际情况填写跳转路径
  wx.navigateTo({
    url: '/pages/兰州拉面/LanZhouMian'
  });
},

goToDetail15: function () {
  // 跳转到详情页，这里仅作示例，需要根据实际情况填写跳转路径
  wx.navigateTo({
    url: '/pages/正轩炸鸡汉堡/ZhengXuanZhaJIa'
  });
},

goToDetail16: function () {
  // 跳转到详情页，这里仅作示例，需要根据实际情况填写跳转路径
  wx.navigateTo({
    url: '/pages/荣记抄手/RongJiChaoShou'
  });
},


goToDetail17: function () {
  // 跳转到详情页，这里仅作示例，需要根据实际情况填写跳转路径
  wx.navigateTo({
    url: '/pages/鲜饺坊/XianJiaoFang'
  });
},

goToDetail18: function () {
  // 跳转到详情页，这里仅作示例，需要根据实际情况填写跳转路径
  wx.navigateTo({
    url: '/pages/东北水饺/DongBeiShuiJiao'
  });
},

goToDetail19: function () {
  // 跳转到详情页，这里仅作示例，需要根据实际情况填写跳转路径
  wx.navigateTo({
    url: '/pages/骨汤酥肉/GuTangSuRou'
  });
},

goToDetail20: function () {
  // 跳转到详情页，这里仅作示例，需要根据实际情况填写跳转路径
  wx.navigateTo({
    url: '/pages/巴西烤肉/BaXiKaoRou'
  });
},

goToDetail21: function () {
  // 跳转到详情页，这里仅作示例，需要根据实际情况填写跳转路径
  wx.navigateTo({
    url: '/pages/闫阿妈香肉饭/AMa'
  });
},

goToDetail22: function () {
  // 跳转到详情页，这里仅作示例，需要根据实际情况填写跳转路径
  wx.navigateTo({
    url: '/pages/家的伟大/JiaDeWeiDao'
  });
},

goToDetail23: function () {
  // 跳转到详情页，这里仅作示例，需要根据实际情况填写跳转路径
  wx.navigateTo({
    url: '/pages/皮皮鸡/PPJ'
  });
},

goToDetail24: function () {
  // 跳转到详情页，这里仅作示例，需要根据实际情况填写跳转路径
  wx.navigateTo({
    url: '/pages/隆江猪脚/LongJiangZhuJiao'
  });
},

goToDetail25: function () {
  // 跳转到详情页，这里仅作示例，需要根据实际情况填写跳转路径
  wx.navigateTo({
    url: '/pages/掉渣饼/DiaoZhaBing'
  });
},

goToDetail26: function () {
  // 跳转到详情页，这里仅作示例，需要根据实际情况填写跳转路径
  wx.navigateTo({
    url: '/pages/壹家冒菜/YIJIAmaoCai'
  });
},

goToDetail14: function () {
  // 跳转到详情页，这里仅作示例，需要根据实际情况填写跳转路径
  wx.navigateTo({
    url: '/pages/LanZhouMian'
  });
},
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.getCates();
  },

  getCates(){
    wx.request({
      url: 'https://api-hmugo-web.itheima.net/api/public/v1/categories',
      success: (res) => {
        const Cates = res.data.message;
        // 构造左侧的大菜单数据
        const leftMenuList = Cates.map(v => v.cat_name);
        // 构造右侧的大菜单数据
        const rightContent = Cates[0].children;
        this.setData({
          leftMenuList,
          rightContent
        });
      },
      fail: (err) => {
        console.error('请求失败', err);
      }
    });
  },

 
});

// Page({

//   /**
//    * 页面的初始数据
//    */
//   data: {

//     imgUrls: [
//       'https://cgms-1324530742.cos.ap-shanghai.myqcloud.com/%E5%88%86%E7%B1%BB%E8%BD%AE%E6%92%AD/1.1.jpg',
//       'https://cgms-1324530742.cos.ap-shanghai.myqcloud.com/%E5%88%86%E7%B1%BB%E8%BD%AE%E6%92%AD/1.2.png',
//       'https://cgms-1324530742.cos.ap-shanghai.myqcloud.com/%E5%88%86%E7%B1%BB%E8%BD%AE%E6%92%AD/1.3.jpg',
//       'https://cgms-1324530742.cos.ap-shanghai.myqcloud.com/%E5%88%86%E7%B1%BB%E8%BD%AE%E6%92%AD/1.4.png',
//       'https://cgms-1324530742.cos.ap-shanghai.myqcloud.com/%E5%88%86%E7%B1%BB%E8%BD%AE%E6%92%AD/1.5.png',
//     ],
//     imageUrls:['https://cgms-1324530742.cos.ap-shanghai.myqcloud.com/%E7%99%BE%E8%B0%B7%E5%9B%AD/%E9%A5%AD%E7%B1%BB/%E4%B8%89%E6%A5%BC/%E6%BD%AE%E7%89%9B%E9%81%93/%E6%BD%AE%E7%89%9B%E9%81%93.png',
//     '	https://cgms-1324530742.cos.ap-shanghai.myqcloud.com/%E7%99%BE%E8%B0%B7%E5%9B%AD/%E6%B1%A4%E9%94%85/%E4%BA%8C%E6%A5%BC/%E4%BA%A6%E9%B1%BC%E4%BA%A6%E9%A5%AD/%E4%BA%A6%E9%B1%BC%E4%BA%A6%E9%A5%AD%E5%BA%97%E9%93%BA%E7%85%A7%E7%89%87.png',
//    'https://cgms-1324530742.cos.ap-shanghai.myqcloud.com/%E7%99%BE%E8%B0%B7%E5%9B%AD/%E9%A5%AD%E7%B1%BB/%E4%B8%89%E6%A5%BC/%E6%BD%AE%E7%89%9B%E9%81%93/%E6%BD%AE%E7%89%9B%E9%81%93.png'],

//     navData: [
//       { text: '百谷园1楼', platIndex: 0 },
//       { text: '百谷园2楼', platIndex: 1 },
//       { text: '百谷园3楼', platIndex: 2 },
//       // 可以继续添加更多选项卡
//     ],

//     scroll:true, //是否允许右侧内容滚动
//     index: 0,
//     array: ['食堂楼层', '科室'],
//     useHeight:'',
//     current:'0',
//     leftList:[
//       {id:'0',text:'一楼'},{id:'1',text:'二楼'},{id:'2',text:'三楼'},
//       {id:'3',text:'四楼'}
//     ],
//     rightList:[],
   

//   },
//   /**
//    * 选择搜索类型
//    */
//   bindPickerChange(e){
//     this.setData({
//       index:e.detail.value
//     })
//   },
//   /**
//    * 左侧点击事件
//   */
//   bindSelectLeft(e){
//     let index = e.currentTarget.dataset.id;
//     this.setData({
//       current:index
//     })
//     this.getDataList(index);
//   },
//   /**
//    * 生命周期函数--监听页面加载
//    */
//   onLoad: function (options) {
//     this.getDataList(0);
//   },
//   // 数据初始化
//   // getDataList(e){

//     // imageUrls = [];

//     //   imageUrls.push('https://cgms-1324530742.cos.ap-shanghai.myqcloud.com/%E7%99%BE%E8%B0%B7%E5%9B%AD/%E9%A5%AD%E7%B1%BB/%E4%B8%89%E6%A5%BC/%E6%BD%AE%E7%89%9B%E9%81%93/%E6%BD%AE%E7%89%9B%E9%81%93.png');
//     //   imageUrls.push('	https://cgms-1324530742.cos.ap-shanghai.myqcloud.com/%E7%99%BE%E8%B0%B7%E5%9B%AD/%E6%B1%A4%E9%94%85/%E4%BA%8C%E6%A5%BC/%E4%BA%A6%E9%B1%BC%E4%BA%A6%E9%A5%AD/%E4%BA%A6%E9%B1%BC%E4%BA%A6%E9%A5%AD%E5%BA%97%E9%93%BA%E7%85%A7%E7%89%87.png');
//     //   imageUrls.push('https://cgms-1324530742.cos.ap-shanghai.myqcloud.com/%E7%99%BE%E8%B0%B7%E5%9B%AD/%E9%A5%AD%E7%B1%BB/%E4%B8%89%E6%A5%BC/%E6%BD%AE%E7%89%9B%E9%81%93/%E6%BD%AE%E7%89%9B%E9%81%93.png');

//     // let list1 = [
//     //   {code:'3',src:'https://cgms-1324530742.cos.ap-shanghai.myqcloud.com/%E7%99%BE%E8%B0%B7%E5%9B%AD/%E9%A5%AD%E7%B1%BB/%E4%B8%89%E6%A5%BC/%E6%BD%AE%E7%89%9B%E9%81%93/%E6%BD%AE%E7%89%9B%E9%81%93.png'},{code:'4',text:'炒饭'},{code:'5',text:'盖饭'},
//     //   {code:'0',text:'饺子'},{code:'1',text:'抄手'},{code:'2',text:'干锅'},
//     //   {code:'3',text:'火锅'},{code:'4',text:'麻辣烫'},{code:'5',text:'冒菜'}
//     // ];
//     // let list2 = [
//     //   {code:'3',text:'面条'},{code:'4',text:'炒饭'},{code:'5',text:'盖饭'},
//     //   {code:'0',text:'饺子'},{code:'1',text:'抄手'},{code:'2',text:'干锅'},
//     //   {code:'3',text:'火锅'},{code:'4',text:'麻辣烫'},{code:'5',text:'冒菜'}
//     // ]
//   //   if(e==0){
//   //     this.setData({
//   //       imageUrl = imageUrls[0];
//   //       scroll:true
//   //     })
//   //   }else if(e==2){
//   //     this.setData({
//   //       rightList:list2,
//   //       scroll:true
//   //     })
//   //   }else{
//   //     this.setData({
//   //       rightList:[],
//   //       scroll:false
//   //     })
//   //   }
//   // },
//   /**
//    * 生命周期函数--监听页面初次渲染完成
//    */
//   onReady: function () {
//     // 获取当前设备可用高度
//     let that = this;
//     wx.getSystemInfo({
//       success(res) {
//         that.setData({
//           useHeight:res.windowHeight
//         })
//       }
//     })
//   },

//   /**
//    * 生命周期函数--监听页面显示
//    */
//   onShow: function () {

//   },

//   /**
//    * 生命周期函数--监听页面隐藏
//    */
//   onHide: function () {

//   },

//   /**
//    * 生命周期函数--监听页面卸载
//    */
//   onUnload: function () {

//   },

//   /**
//    * 页面相关事件处理函数--监听用户下拉动作
//    */
//   onPullDownRefresh: function () {

//   },

//   /**
//    * 页面上拉触底事件的处理函数
//    */
//   onReachBottom: function () {

//   },

//   /**
//    * 用户点击右上角分享
//    */
//   onShareAppMessage: function () {

//   }
// })